<!DOCTYPE html>
<html>
<head>
<title>ChartDirector Sample Code Index</title>
<style type="text/css">
p.demotitle {margin:0px; padding-left:3px; font:bold 10pt verdana; line-height:150%;}
p.demolink {margin:0px; padding:2px 0px 1px 3px; font:9pt verdana;}
</style>
</head>
<body style="margin:0px">
<table style="width:100%; border:0px; border-spacing:0px;">

<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Pie Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="simplepie.jsp" target="indexright">
Simple Pie Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedpie.jsp" target="indexright">
3D Pie Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multidepthpie.jsp" target="indexright">
Multi-Depth Pie Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="sidelabelpie.jsp" target="indexright">
Side Label Layout
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="circlelabelpie.jsp" target="indexright">
Circular Label Layout
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="legendpie.jsp" target="indexright">
Pie Chart with Legend (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="legendpie2.jsp" target="indexright">
Pie Chart with Legend (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="explodedpie.jsp" target="indexright">
Exploded Pie Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="iconpie.jsp" target="indexright">
Icon Pie Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="iconpie2.jsp" target="indexright">
Icon Pie Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multipie.jsp" target="indexright">
Multi-Pie Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="donut.jsp" target="indexright">
Donut Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threeddonut.jsp" target="indexright">
3D Donut Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="icondonut.jsp" target="indexright">
Icon Donut Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="texturedonut.jsp" target="indexright">
Texture Donut Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="concentric.jsp" target="indexright">
Concentric Donut Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="pieshading.jsp" target="indexright">
2D Pie Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedpieshading.jsp" target="indexright">
3D Pie Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="donutshading.jsp" target="indexright">
2D Donut Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threeddonutshading.jsp" target="indexright">
3D Donut Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="fontpie.jsp" target="indexright">
Text Style and Colors
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedanglepie.jsp" target="indexright">
3D Angle
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threeddepthpie.jsp" target="indexright">
3D Depth
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="shadowpie.jsp" target="indexright">
3D Shadow Mode
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="anglepie.jsp" target="indexright">
Start Angle and Direction
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="donutwidth.jsp" target="indexright">
Donut Width
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Bar Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="simplebar.jsp" target="indexright">
Simple Bar Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="simplebar2.jsp" target="indexright">
Simple Bar Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="barlabel.jsp" target="indexright">
Bar Labels
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorbar.jsp" target="indexright">
Multi-Color Bar Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorbar2.jsp" target="indexright">
Multi-Color Bar Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="softlightbar.jsp" target="indexright">
Soft Bar Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="glasslightbar.jsp" target="indexright">
Glass Bar Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="gradientbar.jsp" target="indexright">
Gradient Bar Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="cylinderlightbar.jsp" target="indexright">
Cylinder Bar Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedbar.jsp" target="indexright">
3D Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="cylinderbar.jsp" target="indexright">
Cylinder Bar Shape
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polygonbar.jsp" target="indexright">
Polygon Bar Shapes
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="stackedbar.jsp" target="indexright">
Stacked Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="percentbar.jsp" target="indexright">
Percentage Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multibar.jsp" target="indexright">
Multi-Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="softmultibar.jsp" target="indexright">
Soft Multi-Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="glassmultibar.jsp" target="indexright">
Glass Multi-Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="gradientmultibar.jsp" target="indexright">
Gradient Multi-Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multicylinder.jsp" target="indexright">
Multi-Cylinder Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multishapebar.jsp" target="indexright">
Multi-Shape Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="overlapbar.jsp" target="indexright">
Overlapping Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multistackbar.jsp" target="indexright">
Multi-Stacked Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="depthbar.jsp" target="indexright">
Depth Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="posnegbar.jsp" target="indexright">
Positive Negative Bars
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="hbar.jsp" target="indexright">
Borderless Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="dualhbar.jsp" target="indexright">
Dual Horizontal Bar Charts
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="markbar.jsp" target="indexright">
Bars with Marks
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="histogram.jsp" target="indexright">
Histogram with Bell Curve
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="pareto.jsp" target="indexright">
Pareto Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="varwidthbar.jsp" target="indexright">
Variable Width Bar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="gapbar.jsp" target="indexright">
Bar Gap
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Line Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="simpleline.jsp" target="indexright">
Simple Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="compactline.jsp" target="indexright">
Compact Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedline.jsp" target="indexright">
3D Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multiline.jsp" target="indexright">
Multi-Line Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multiline2.jsp" target="indexright">
Multi-Line Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multicolorline.jsp" target="indexright">
Multi-Color Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="symbolline.jsp" target="indexright">
Symbol Line Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="symbolline2.jsp" target="indexright">
Symbol Line Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="missingpoints.jsp" target="indexright">
Missing Data Points
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="unevenpoints.jsp" target="indexright">
Uneven Data Points 
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="splineline.jsp" target="indexright">
Spline Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="stepline.jsp" target="indexright">
Step Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="linefill.jsp" target="indexright">
Inter-Line Coloring
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="linecompare.jsp" target="indexright">
Line with Target Zone
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="errline.jsp" target="indexright">
Line with Error Symbols
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multisymbolline.jsp" target="indexright">
Multi-Symbol Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="binaryseries.jsp" target="indexright">
Binary Data Series
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="customsymbolline.jsp" target="indexright">
Custom Symbols
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="rotatedline.jsp" target="indexright">
Rotated Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="xyline.jsp" target="indexright">
Arbitrary XY Line Chart
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Trending and Curve Fitting</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="trendline.jsp" target="indexright">
Trend Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="scattertrend.jsp" target="indexright">
Scatter Trend Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="confidenceband.jsp" target="indexright">
Confidence Band
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="paramcurve.jsp" target="indexright">
Parametric Curve Fitting
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="curvefitting.jsp" target="indexright">
General Curve Fitting
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Scatter/Bubble/Vector Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="scatter.jsp" target="indexright">
Scatter Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="builtinsymbols.jsp" target="indexright">
Built-in Symbols
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="scattersymbols.jsp" target="indexright">
Custom Scatter Symbols
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="scatterlabels.jsp" target="indexright">
Custom Scatter Labels
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="bubble.jsp" target="indexright">
Bubble Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedbubble.jsp" target="indexright">
3D Bubble Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedbubble2.jsp" target="indexright">
3D Bubble Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedbubble3.jsp" target="indexright">
3D Bubble Chart (3)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="bubblescale.jsp" target="indexright">
Bubble XY Scaling
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="vector.jsp" target="indexright">
Vector Chart
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Area Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="simplearea.jsp" target="indexright">
Simple Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="enhancedarea.jsp" target="indexright">
Enhanced Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="arealine.jsp" target="indexright">
Area Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedarea.jsp" target="indexright">
3D Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="patternarea.jsp" target="indexright">
Pattern Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="stackedarea.jsp" target="indexright">
Stacked Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedstackarea.jsp" target="indexright">
3D Stacked Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="percentarea.jsp" target="indexright">
Percentage Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="deptharea.jsp" target="indexright">
Depth Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="rotatedarea.jsp" target="indexright">
Rotated Area Chart
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Floating Box/Waterfall Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="boxwhisker.jsp" target="indexright">
Box-Whisker Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="boxwhisker2.jsp" target="indexright">
Box-Whisker Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="hboxwhisker.jsp" target="indexright">
Horizontal Box-Whisker Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="floatingbox.jsp" target="indexright">
Floating Box Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="waterfall.jsp" target="indexright">
Waterfall Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="posnegwaterfall.jsp" target="indexright">
Pos/Neg Waterfall Chart
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Gantt Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="gantt.jsp" target="indexright">
Simple Gantt Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorgantt.jsp" target="indexright">
Multi-Color Gantt Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="layergantt.jsp" target="indexright">
Multi-Layer Gantt Chart
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Contour Charts/Heat Maps</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="contour.jsp" target="indexright">
Contour Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="scattercontour.jsp" target="indexright">
Scattered Data Contour Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="contourcolor.jsp" target="indexright">
Contour Color Scale
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="contourlegend.jsp" target="indexright">
Contour Color Legend
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="smoothcontour.jsp" target="indexright">
Continuous Contour Coloring
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="contourinterpolate.jsp" target="indexright">
Contour Interpolation
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Discrete Heat Map</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="discreteheatmap.jsp" target="indexright">
Discrete Heat Map
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="wafermap.jsp" target="indexright">
Wafer Map
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="heatmapcelllabels.jsp" target="indexright">
Heat Map Cell Labels
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="heatmapcellsymbols.jsp" target="indexright">
Heat Map Cell Symbols
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Finance Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="hloc.jsp" target="indexright">
Simple HLOC Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="candlestick.jsp" target="indexright">
Simple Candlestick Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="finance.jsp" target="indexright">
Finance Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="finance2.jsp" target="indexright">
Finance Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="financesymbols.jsp" target="indexright">
Finance Chart Custom Symbols
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('financedemo.jsp', 'financedemo').focus();">
Interactive Financial Chart
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Other XY Chart Features</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="markzone.jsp" target="indexright">
Marks and Zones (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="markzone2.jsp" target="indexright">
Marks and Zones (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="yzonecolor.jsp" target="indexright">
Y Zone Coloring
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="xzonecolor.jsp" target="indexright">
X Zone Coloring
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="dualyaxis.jsp" target="indexright">
Dual Y-Axis
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="dualxaxis.jsp" target="indexright">
Dual X-Axis
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multiaxes.jsp" target="indexright">
Multiple Axes
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="fourq.jsp" target="indexright">
4 Quadrant Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="datatable.jsp" target="indexright">
Data Table (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="datatable2.jsp" target="indexright">
Data Table (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="fontxy.jsp" target="indexright">
Text Style and Colors
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="background.jsp" target="indexright">
Background and Wallpaper
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="logaxis.jsp" target="indexright">
Log Scale Axis
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="axisscale.jsp" target="indexright">
Y-Axis Scaling
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="ticks.jsp" target="indexright">
Tick Density
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="cdmltooltip.jsp" target="indexright">
CDML Tooltips
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">3D Surface Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surface.jsp" target="indexright">
Surface Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surface2.jsp" target="indexright">
Surface Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surface3.jsp" target="indexright">
Surface Chart (3)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surface4d.jsp" target="indexright">
4D Surface Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="scattersurface.jsp" target="indexright">
Scattered Data Surface Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfaceaxis.jsp" target="indexright">
Surface Chart Axis Types
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfacecolor.jsp" target="indexright">
Surface Color Scale
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfacelighting.jsp" target="indexright">
Surface Lighting
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfaceshading.jsp" target="indexright">
Surface Shading
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfacewireframe.jsp" target="indexright">
Surface Wireframe
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfaceperspective.jsp" target="indexright">
Surface Perspective
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfaceprojection.jsp" target="indexright">
Surface Projection
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfacelinezone.jsp" target="indexright">
Surface Lines and Zones
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="surfacetexture.jsp" target="indexright">
Surface Texture
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">3D Scatter Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedscatter.jsp" target="indexright">
3D Scatter Chart (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedscatter2.jsp" target="indexright">
3D Scatter Chart (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedscattergroups.jsp" target="indexright">
3D Scatter Groups
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedscatteraxis.jsp" target="indexright">
3D Scatter Axis Types
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Polar/Radar Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="simpleradar.jsp" target="indexright">
Simple Radar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multiradar.jsp" target="indexright">
Multi Radar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="stackradar.jsp" target="indexright">
Stacked Radar Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polarline.jsp" target="indexright">
Polar Line Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polararea.jsp" target="indexright">
Polar Area Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polarspline.jsp" target="indexright">
Polar Spline Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polarscatter.jsp" target="indexright">
Polar Scatter Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polarbubble.jsp" target="indexright">
Polar Bubble Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polarvector.jsp" target="indexright">
Polar Vector Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="rose.jsp" target="indexright">
Simple Rose Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="stackrose.jsp" target="indexright">
Stacked Rose Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polarzones.jsp" target="indexright">
Circular Zones
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="polarzones2.jsp" target="indexright">
Sector Zones
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Tree Map Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="simpletreemap.jsp" target="indexright">
Simple Tree Map Charts
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multileveltreemap.jsp" target="indexright">
Multi Level Tree Map
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="treemapcolors.jsp" target="indexright">
Tree Map Colors
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="treemaplayout.jsp" target="indexright">
Tree Map Layout
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multileveltreemaplayout.jsp" target="indexright">
Multi Level Tree Map Layout
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Pyramids/Cones/Funnels</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="simplepyramid.jsp" target="indexright">
Simple Pyramid Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="threedpyramid.jsp" target="indexright">
3D Pyramid Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="rotatedpyramid.jsp" target="indexright">
Rotated Pyramid Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="cone.jsp" target="indexright">
Cone Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="funnel.jsp" target="indexright">
Funnel Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="pyramidelevation.jsp" target="indexright">
Pyramid Elevation
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="pyramidrotation.jsp" target="indexright">
Pyramid Rotation
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="pyramidgap.jsp" target="indexright">
Pyramid Gap
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Angular Meters/Gauges</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="semicirclemeter.jsp" target="indexright">
Semicircle Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorsemicirclemeter.jsp" target="indexright">
Color Semicircle Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="blacksemicirclemeter.jsp" target="indexright">
Black Semicircle Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="whitesemicirclemeter.jsp" target="indexright">
White Semicircle Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="semicirclemeterreadout.jsp" target="indexright">
Semicircle Meter with Readout
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="roundmeter.jsp" target="indexright">
Round Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorroundmeter.jsp" target="indexright">
Color Round Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="blackroundmeter.jsp" target="indexright">
Black Round Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="whiteroundmeter.jsp" target="indexright">
White Round Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="neonroundmeter.jsp" target="indexright">
Neon Round Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="roundmeterreadout.jsp" target="indexright">
Round Meters with Readout
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="rectangularmeter.jsp" target="indexright">
Rectangular Angular Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="squareameter.jsp" target="indexright">
Square Angular Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="angularpointer.jsp" target="indexright">
Angular Meter Pointers (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="angularpointer2.jsp" target="indexright">
Angular Meter Pointers (2)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="iconameter.jsp" target="indexright">
Icon Angular Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="circularbarmeter.jsp" target="indexright">
Circular Bar Meter (1)
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="circularbarmeter2.jsp" target="indexright">
Circular Bar Meter (2)
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Linear Meters/Gauges</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="hlinearmeter.jsp" target="indexright">
Horizontal Linear Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorhlinearmeter.jsp" target="indexright">
Color Horizontal Linear Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="blackhlinearmeter.jsp" target="indexright">
Black Horizontal Linear Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="whitehlinearmeter.jsp" target="indexright">
White Horizontal Linear Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="hlinearmeterorientation.jsp" target="indexright">
H-Linear Meter Orientation
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="vlinearmeter.jsp" target="indexright">
Vertical Linear Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorvlinearmeter.jsp" target="indexright">
Color Vertical Linear Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="blackvlinearmeter.jsp" target="indexright">
Black Vertical Linear Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="whitevlinearmeter.jsp" target="indexright">
White Vertical Linear Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="vlinearmeterorientation.jsp" target="indexright">
V-Linear Meter Orientation
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multihmeter.jsp" target="indexright">
Multi-Pointer Horizontal Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="multivmeter.jsp" target="indexright">
Multi-Pointer Vertical Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="linearzonemeter.jsp" target="indexright">
Linear Zone Meter
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Bar Meters/Gauges</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="hbarmeter.jsp" target="indexright">
Horizontal Bar Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorhbarmeter.jsp" target="indexright">
Color Horizontal Bar Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="blackhbarmeter.jsp" target="indexright">
Black Horizontal Bar Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="whitehbarmeter.jsp" target="indexright">
White Horizontal Bar Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="hbarmeterorientation.jsp" target="indexright">
H-Bar Meter Orientation
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="vbarmeter.jsp" target="indexright">
Vertical Bar Meter
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="colorvbarmeter.jsp" target="indexright">
Color Vertical Bar Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="blackvbarmeter.jsp" target="indexright">
Black Vertical Bar Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="whitevbarmeter.jsp" target="indexright">
White Vertical Bar Meters
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="vbarmeterorientation.jsp" target="indexright">
V-Bar Meter Orientation
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Clickable Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="clickbar.jsp" target="indexright">
Simple Clickable Charts
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="jsclick.jsp" target="indexright">
Javascript Clickable Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="customclick.jsp" target="indexright">
Custom Clickable Objects
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Programmable Track Cursor</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="tracklegend.jsp" target="indexright">
Track Line with Legend
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="tracklabel.jsp" target="indexright">
Track Line with Data Labels
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="trackaxis.jsp" target="indexright">
Track Line with Axis Labels
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="trackvlegend.jsp" target="indexright">
Track Line with Vertical Legend
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="trackbox.jsp" target="indexright">
Track Box with Floating Legend
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="trackfinance.jsp" target="indexright">
Finance Chart Track Line
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="crosshair.jsp" target="indexright">
Crosshair with Axis Labels
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Zooming and Scrolling</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('simplezoomscroll.jsp', 'simplezoomscroll').focus();">
Simple Zooming and Scrolling
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('zoomscrolltrack.jsp', 'zoomscrolltrack').focus();">
Zoom/Scroll with Track Line
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('zoomscrollpdf.jsp', 'zoomscrollpdf').focus();">
Zoom/Scroll with PDF Report
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('viewportcontroldemo.jsp', 'viewportcontroldemo').focus();">
Zoom/Scroll Viewport Control
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('xyzoomscroll.jsp', 'xyzoomscroll').focus();">
XY Zooming and Scrolling
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" style="background:#9999FF"><p class="demotitle">Real-Time Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('realtimedemo.jsp', 'realtimedemo').focus();">
Simple Real-Time Chart
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('realtimesnapshot.jsp', 'realtimesnapshot').focus();">
Real-Time Chart with Snapshot
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('realtimetrack.jsp', 'realtimetrack').focus();">
Real-Time Chart with Track Line
</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink">
<a href="javascript:window.open('realtimemultichart.jsp', 'realtimemultichart').focus();">
Real-Time MultiChart
</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>

</table>
</body>
</html>

